.w{
  
    margin: 0 auto;
}
.searchPage{
    margin-top: 100px;
    // height: 1000px;
    overflow: hidden;
   position: relative;
    .search-box{
        height: 400px;
        background: url('../../assets//images/searchPageBg.jpg') no-repeat;
        background-position: center center;
        background-attachment: fixed;
        background-size: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    .search-input{
        width: 700px;
        height: 100px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        .user-input{
            display: flex;
            align-items: center;
            height: 70px;
            width: 700px;
            input{
                height: 45px;
                width:550px;
                border-radius: 50px 0 0 50px;
                border: none;
                padding-left: 20px;
                vertical-align: middle;
                color: gray;
                
            }
            button{
                background-color: #fff;
                cursor: pointer;
                color: gray;
                height: 47px;
                width: 70px;
                border: none;
                border-radius: 0 50px 50px 0;
                vertical-align: middle;
                i{
                    margin-right: 5px;
                }
            }
        }
        .search-find{
            width: 700px;
            font-size: 13px;
            box-sizing: border-box;
            padding: 10px 0 10px 50px;
            color: gainsboro;
            span{
                color: #ffffff;
                cursor: pointer;
                font-size: 14px;
                margin-right: 10px;
                &:hover{
                    color: hotpink;
                }
            }
        }
    }
    }
    .searchResult{
        width: 1400px;
        overflow: hidden;
        // position: absolute;
        // top: 300px;
        // left: 50%;
        // // margin-right: 700px;
        // margin-left:-700px;
        margin: 0 auto;
        box-shadow: 0 0 80px 0 rgba(50,50,50,.15);
        border-radius: 10px;
        background-color: ghostwhite;
        padding: 50px;
        .change-serchType{
            // height: 80px;
            overflow: hidden;
            font-size: 16px;
        }
    }
}